
                        
                        <!-- Navigation Start-->
                        
                        <nav class="menu-container transition">
                               
                               <div class="inner">
                               
									<span class="mobile-brand"></span>
									<ul class="menu-main"> 
										<li class="multi-column current-menu-item"><a href="index.html">Components</a>
											<ul class="sub-menu">
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Grid &  Extension</span></li>
														<li><a href="seamless-grid.html">Seamless Grid</a></li>
														<li><a href="bootstrap-grid.html">Bootstrap Grid</a></li>
														<li><a href="material-container.html">Material Container</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Contents</span></li>
														<li><a href="list-posts.html">Posts List</a></li>
														<li><a href="list-split-imagery.html">Fullwidth List of Split</a></li>
														<li><a href="single-post.html">Single Post</a></li>
														<li><a href="sidebar.html">Sidebar</a></li>
														<li><a href="search.html">Search Box</a></li>
														<li><a href="contact.html">Contact Form</a></li>
														<li><a href="features.html">Features</a></li>
														<li><a href="pricing.html">Pricing</a></li>
														<li><a href="testimonials.html">Testimonials</a></li>
														<li><a href="multi-items-carousel.html">Easy Multiple Items Carousel</a></li>
														<li><a href="gallery.html">Gallery Normal</a></li>
														<li><a href="gallery-filter.html">Gallery Filterable</a></li>
														<li><a href="gallery-masonry.html">Gallery Masonry</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Web Elements</span></li>
														<li><a href="button.html">Buttons</a></li>
														<li><a href="form.html">Form Elements</a></li>
														<li><a href="form-progress.html">Form Progress</a></li>
														<li><a href="timeline.html">Timeline</a></li>
														<li><a href="slideshow.html">Slideshow</a></li>
														<li><a href="card.html">Card</a></li>
														<li><a href="tabs.html">Tabs</a></li>
														<li><a href="accordion.html">Accordion</a></li>
														<li><a href="counter.html">Counter</a></li>
														<li><a href="video-background.html">Video BG</a></li>
														<li><a href="progress-bar.html">Progress Bar</a></li>
														<li><a href="modal-dialog.html">Modal UI</a></li>
														<li><a href="parallax.html">Parallax</a></li>
														<li><a href="scroll-reveal.html">Scroll Reveal</a></li>     
														<li><a href="periodical-scroll.html">Periodical Scroll</a></li>
														
														
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Interaction</span></li>
														<li><a href="list-posts-with-ajax.html">Ajax Load Posts</a></li>
														<li><a href="list-posts-with-ajax-infinitescroll.html">Infinite Scroll Posts</a></li>
														<li><a href="tooltip.html">Tooltip</a></li>
														<li><a href="show-more-less.html">Show More Less</a></li>
														
														
													</ul>
													<!-- .sub-menu  end -->
												</li>

											
											</ul>

										</li>
										<li><a href="#">Menu</a>
											<ul class="sub-menu">
												<li><a href="mega-menu.html">Mega Menu</a></li>
												<li><a href="mega-menu-rtl.html">Mega Menu(RTL)</a></li>
												<li><a href="onepage-menu.html">Onepage Menu</a></li>
												<li><a href="secondary-responsive-menu.html">Secondary Responsive Menu</a></li>
												<li><a href="dropdown-menu.html">Dropdown Menu</a></li>

											</ul>
											<!-- .sub-menu  end -->
										</li>

										<li><a href="typography.html">Typography</a>
											<ul class="sub-menu">
												<li><a href="typography.html">LTR</a></li>
												<li><a href="typography-rtl.html">RTL</a></li>
												<li><a href="typography-cn.html">中文</a></li>

											</ul>
										</li>



									</ul>
									<div class="menu-right">
										<a title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
											<i class="fa fa-twitter"></i>
										</a>
										<a title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
											<i class="fa fa-facebook"></i>
										</a>
										<a title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
											<i class="fa fa-github"></i>
										</a>        
									</div>
                               
							   </div><!-- /.inner -->
        
                        </nav>
                        <!-- .menu-container end -->
                        
                 
                   